@import "_lib.less";

.button { outline: none; text-decoration:none; padding: 0 10px; color: #444; margin: 1px 2px 0; 
	font-size: 11px; text-shadow: 0 1px 1px rgba(255,255,255,0.5); line-height: 1.7; width: 60px; height: 22px; 
	border: 1px solid #A7A7A7; border-radius: 3px;
	background: -webkit-linear-gradient(top, #EDEDED, #C4C4C4);
	background: -moz-linear-gradient(top, #EDEDED, #C4C4C4);
	background: linear-gradient(top, #EDEDED, #C4C4C4);	
	box-shadow: inset 0 1px 0 rgba(255,255,255,.6), 0 1px 0 rgba(255,255,255,.5);
	-moz-user-select: none; -khtml-user-select: none; -webkit-user-select: none; user-select: none;
    -webkit-transition: -webkit-box-shadow 0.25s ease-in-out;
    -moz-transition: -moz-box-shadow 0.25s ease-in-out;
    -o-transition: -o-box-shadow 0.25s ease-in-out;
    position: relative;
}
.button:hover { border-color: #777; box-shadow: 0 0 8px rgba(0, 0, 0, 0.15), 0 1px 0 rgba(255, 255, 255, 0.8) inset}
.button:active { background: #ccc; top: 1px; }



/*** WINDOW *****************************************************************************************************************************************************************/
#mask { position: fixed; top:0; bottom:0; left: 0; right: 0; background: #262B33; opacity:0; z-index: 500; }
.window { position: absolute; opacity:0; z-index: 501; border-radius: 3px; box-shadow: 0 2px 12px rgba(0,0,0,.6);
	.window-closer { float: right; margin: 10px 10px 0 0; width: 16px; height: 16px; background: url(../img/icons/window-close.png) 0 0 no-repeat; 
		&:hover { background-position: right 0; }
	}
	.window-title { color:#4F4F4F; font-size: 13px; font-weight:bold; padding: 8px 12px; cursor: move; text-shadow: 0 1px 1px rgba(255, 255, 255, .6);
		border-bottom: 1px solid #979797; .radius(3px 3px 0 0); .gradient(#EDEDED, #C4C4C4); 
	}
	.window-content { min-width: 140px; max-width: 1000px; padding: 15px; background: #fff; color: #4F4F4F; border: 1px solid #B6B6B6; border-top: 0; border-radius: 0 0 3px 3px; 
		p { padding: 5px; }
		.buttons { margin: 15px -13px -10px; clear: both; overflow: hidden; padding: 7px 10px; text-align: right; border-radius: 0 0 3px 3px; }
	}
}
/****************************************************************************************************************************************************************************/




/*** TOASTER MESSAGES *************************************************************************************************************************/
#toaster { z-index: 9999; top: 5px; left: 25%; right: 25%; position: absolute; position: fixed;
	.toast { color:#FFF; font: bold 10pt Tahoma, Helvetica, sans-serif; overflow:hidden; margin: 0 auto 5px; position: relative; border-style: solid; border-width: 1px; border-color: #7ED675 #72D36A #67C75E; .radius(5px); .shadow(0 0 0 1px rgba(0, 0, 0, 0.2), 0 2px 7px 3px rgba(0, 0, 0, 0.3)); 
		.toast-closer { position: absolute; right: 8px; top: 8px; height:16px; width:16px; cursor:default; .bgicon('toaster-closer.png'); }
		.toast-content { padding: 7px 30px 10px; display: block; .bgicon('toaster-alert.png', 7px, 9px); word-wrap: break-word; text-shadow: 0 -1px 0 rgba(0,0,0,0.9); line-height: 1.4; }
	}
	.toast-info,
	.toast-success	{ border-color: #7ED675 #72D36A #67C75E; .gradient(#59AF51,#318D29); }
	.toast-error	{ border-color: #E8706C #E4524C #D53007; .gradient(#D53007,#A32505); }
	.toast-alert	{ border-color: #D7924F #D05B0D #DE7A38; .gradient(#E07731,#A54302); }
}
/**********************************************************************************************************************************************/



